$("#choose").on("click",function () {
    $("#imgfile").click();
});

// $(".tan-content-close").on("click",function () {
    // closeTailor();
// });
//关闭裁剪框
function closeTailor() {
    $(".tan-box").toggle();
}
//图像上传
function ChooseImg(file) {
   if (!file.files || !file.files[0]){
        return;
   }
   var reader = new FileReader();
   reader.onload = function (evt) {
        var replaceSrc = evt.target.result;
        //更换cropper的图片
        $('#CutImgShow').cropper('replace', replaceSrc,false);//默认false，适应高度，不失真
   }
   reader.readAsDataURL(file.files[0]);
}
//cropper图片裁剪
$('#CutImgShow').cropper({
   aspectRatio: 3/4,//默认比例
   preview: '.previewImg',//预览视图
   guides: false,  //裁剪框的虚线(九宫格)
   autoCropArea: 0.5,  //0-1之间的数值，定义自动剪裁区域的大小，默认0.8
   movable: false, //是否允许移动图片
   dragCrop: true,  //是否允许移除当前的剪裁框，并通过拖动来新建一个剪裁框区域
   movable: true,  //是否允许移动剪裁框
   resizable: true,  //是否允许改变裁剪框的大小
   zoomable: false,  //是否允许缩放图片大小
   mouseWheelZoom: false,  //是否允许通过鼠标滚轮来缩放图片
   touchDragZoom: true,  //是否允许通过触摸移动来缩放图片
   rotatable: true,  //是否允许旋转图片
   crop: function(e) {
   // 输出结果数据裁剪图像。
   }
});

//裁剪后的处理
$("#CutImgEvent").on("click",function () {
    if ($("#CutImgShow").attr("src") == null ){
        return false;
    }else{
        var canvass = $('#CutImgShow').cropper('getCroppedCanvas');//获取被裁剪后的canvas
        var base64url = canvass.toDataURL('image/png'); //转换为base64地址形式
        console.log(base64url);
        $("#finalImg").prop("src",base64url);//显示为图片的形式
       /* $.ajax({
            type: "POST",
            url: windowApi,
            data: base64url,
            processData: false,  // 不处理数据
            contentType: false,  // 不设置内容类型
            success: function (data) {
                var data = JSON.parse(data);
                closeTailor();
            }
        })*/
      
    }
});
